<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Geo: Maps, Earth and Mapplets</title>
<style type="text/css">@import url("css/styles.css");</style>
</head>
<body>
<div id="container">
  <div id="header">
  <div id="logo"><a href="index.html"><img src="img/creative-logo-110x40.png" alt="Google Creative Breakfast" width="110" height="40" border="0" /></a></div>
  <div id="logos"><a href="geo-demos.html"><img src="img/button-geo-100x40.png" alt="Google Geo" width="100" height="40" border="0" /></a> <a href="yt-demos.html"><img src="img/button-yt-100x40.png" alt="YouTube" width="100" height="40" border="0" /></a> <a href="opensocial-demos.html"><img src="img/button-opensocial-100x40.png" alt="OpenSocial &amp; iGoogle" width="100" height="40" border="0" /></a></div>
  </div>
  <h1>Geo: Maps, Earth and Mapplets </h1>
  <p>Learn | <a href="geo-demos.html">Play</a></p>
  <h2>Overview</h2>
  There is a great quantity of quality resources to help get you started on making your first geo mashups. This page links to all those great resources from one easy location.
  <div id="contents"><p><a href="#maps">Google Maps API</a></p>
  <p><a href="#streetview">Google Streetview API</a></p>
  <p><a href="#mapplets">Google Mapplets API</a></p>
  <p><a href="#earthapi">Google Earth API</a></p>
  <p><a href="#earth">Google Earth</a>  </div>
  <h2><a name="maps" id="maps"></a>Google Maps API</h2>
  <ul class="learnlist">
    <li>Get started with the <a href="http://code.google.com/apis/maps/" target="_blank">Google Maps API</a></li>
    <li>Read the <a href="http://code.google.com/apis/maps/documentation/index.html" target="_blank">API Getting Started guide</a> and <a href="http://code.google.com/apis/maps/documentation/reference.html" target="_blank">API reference documentation</a> </li>
    <li>Watch <a href="http://code.google.com/apis/maps/documentation/mediagallery.html" target="_blank">Google Maps Presentations</a> on basics and advanced topics </li>
    <li>Learn to create your first map, store locator, and other <a href="http://code.google.com/apis/maps/articles/" target="_blank">useful tutorials</a> </li>
    <li>Participate in discussions and receive support at the <a href="http://groups.google.com/group/Google-Maps-API" target="_blank">Google Maps API Group</a></li>
    <li>There are a number of open-source <a href="http://code.google.com/p/gmaps-utility-library/" target="_blank">utility libraries</a> that make developing with Google Maps easy </li>
    <li>Play with some <a href="http://code.google.com/apis/maps/documentation/examples/" target="_blank">API examples</a> to see what can be done </li>
    <li>Subscribe to the <a href="http://googlegeodevelopers.blogspot.com/" target="_blank">Google Geo Developers blog</a> and Google <a href="http://google-latlong.blogspot.com/2008/10/opening-door-to-geospatial-data.html" target="_blank">LatLong blog</a> to keep up to date with the latest tips and updates</li>
    <li>Subscribe to the <a href="http://googlemapsmania.blogspot.com/" target="_blank">Google Maps Mania  blog</a> and see what others are doing with the Maps API </li>
    <li>Use the <a href="http://code.google.com/apis/maps/documentation/staticmaps/" target="_blank">Static Maps API</a> to embed map images in your mobile and email content </li>
    <li>Use the <a href="http://code.google.com/apis/maps/documentation/flash/" target="_blank">Flash Maps API</a>     in your Flash applications    </li>
  </ul>
  <h3>YouTube videos</h3>
  View a full list of <a href="http://code.google.com/apis/maps/documentation/mediagallery.html" target="_blank">Maps API  videos here</a> <br />
  <br />
  <table border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Bbk5Zw-M23o&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/Bbk5Zw-M23o&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></td>
      <td><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/o1nVWtYhlEg&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/o1nVWtYhlEg&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></td>
    </tr>
    <tr>
      <td>Google Maps API Intermediate (44:11) </td>
      <td>Google Maps API Advanced (50:17) <a href="http://www.youtube.com/view_play_list?p=5F0F046F77B7B62A" target="_blank"></a> </td>
    </tr>
  </table>
  <h2><a name="streetview" id="streetview"></a>Google Street View API</h2>
  The Street View API allows you to leverage Google's unique Streetview imagery and controls within your mashups.  Streetview is currently available for selected locations in the US, Australia, and Japan.
  <ul class="learnlist">
    <li>Get started with the <a href="http://code.google.com/apis/maps/documentation/services.html#Streetview" target="_blank">Google Street View API</a></li>
    <li>Read the  <a href="http://code.google.com/apis/maps/documentation/reference.html#GStreetviewData" target="_blank">API reference</a> documentation </li>
    <li>Play with some <a href="http://gmaps-samples.googlecode.com/svn/trunk/streetview/" target="_blank">API samples</a> to see what can be done</li>
  </ul>
  <h2><a name="mapplets" id="mapplets"></a>Google Mapplets API</h2>
  Mapplets are a combination of the Maps API and Gadgets API, and provide a great platform for making your maps mashups discoverable and permanent via the mapplets directory.
  <ul class="learnlist">
    <li>Get started with the <a href="http://code.google.com/apis/maps/documentation/mapplets/" target="_blank">Google Mapplets API</a></li>
    <li>Read the <a href="http://code.google.com/apis/maps/documentation/mapplets/basics.html" target="_blank">API Getting Started guide</a> and <a href="http://code.google.com/apis/maps/documentation/mapplets/reference.html" target="_blank">API reference documentation</a> </li>
    <li>Discover, install, and play with others' mapplets in the <a href="http://maps.google.com/ig/directory?synd=mpl&amp;pid=mpl&amp;features=sharedmap,geofeed&amp;backlink=http://maps.google.com/maps/mm%3Fie%3DUTF8%26hl%3Den%26ll%3D1.352083,103.819836%26spn%3D1.346792,2.114868%26z%3D10&amp;hl=en" target="_blank">Mapplets Directory</a></li>
  </ul>
  <h2><a name="earthapi" id="earthapi"></a>Google Earth API</h2>
  <ul class="learnlist">
    <li>Get started with the <a href="http://code.google.com/apis/earth/" target="_blank">Google Earth API</a></li>
    <li>Read the <a href="http://code.google.com/apis/earth/documentation/index.html" target="_blank">API Getting Started guide</a> and <a href="http://code.google.com/apis/earth/documentation/reference/index.html" target="_blank">API reference</a> documentation </li>
    <li>Learn about <a href="http://code.google.com/apis/kml/documentation/index.html" target="_blank">KML files</a> </li>
    <li>Learn how to <a href="http://sketchup.google.com/vtutorials.html" target="_blank">create 3D models</a> using <a href="http://sketchup.google.com/index.html" target="_blank">Google Sketchup</a></li>
    <li>Participate in discussions and receive support at the <a href="http://groups.google.com/group/sketchup/" target="_blank">Google SketchUp Help Group</a> and subscribe to the <a href="http://sketchupdate.blogspot.com/" target="_blank">SketchUp Blog</a> </li>
    <li>Play with some <a href="http://code.google.com/apis/earth/documentation/examples.html" target="_blank">Earth API samples</a> to see what can be done </li>
    <li>Subscribe to the <a href="http://googlegeodevelopers.blogspot.com/" target="_blank">Google Geo Developers blog</a> and Google <a href="http://google-latlong.blogspot.com/2008/10/opening-door-to-geospatial-data.html" target="_blank">LatLong blog</a> to keep up to date with the latest tips and updates</li>
    <li>Subscribe to the <a href="http://googlemapsmania.blogspot.com/" target="_blank">Google Maps Mania  blog</a> and see what others are doing with the Earth API </li>
  </ul>
  <h2><a name="earth" id="earth"></a>Google Earth</h2>
  <ul class="learnlist">
    <li><a href="http://pack.google.com/intl/en/integrated_eula.html?hl=en&amp;ciint=ci_earth&amp;ci_earth=onciint=ci_earth" target="_blank">Download Google Earth</a></li>
    <li>Learn about using <a href="http://earth.google.com/" target="_blank">Google Earth  </a></li>
    <li>Learn about <a href="http://code.google.com/apis/kml/documentation/index.html" target="_blank">KML files</a> and how to <a href="http://code.google.com/apis/kml/documentation/kml_tut.html" target="_blank">develop content for Google Earth</a> </li>
    <li>Participate in discussions and receive support at the <a href="http://bbs.keyhole.com/ubb/ubbthreads.php/Cat/0" target="_blank">Google Earth Community</a> </li>
    <li>Learn how to <a href="http://sketchup.google.com/vtutorials.html" target="_blank">create 3D models</a> using <a href="http://sketchup.google.com/index.html" target="_blank">Google Sketchup</a></li>
    <li>Discover, install, and play with others' Earth content in the <a href="http://earth.google.com/gallery/index.html" target="_blank">Google Earth KML Gallery</a> </li>
    <li>Subscribe to the <a href="http://googlegeodevelopers.blogspot.com/" target="_blank">Google Geo Developers blog</a> and Google <a href="http://google-latlong.blogspot.com/2008/10/opening-door-to-geospatial-data.html" target="_blank">LatLong blog</a> to keep up to date with the latest tips and updates</li>
    <li>Subscribe to the <a href="http://googlemapsmania.blogspot.com/" target="_blank">Google Maps Mania  blog</a> and see what others are doing with Google Earth </li>
  </ul>
</div>
<div id="footer">This site has been created to support the Google Creative Breakfast in Singapore on 10th October, 2008. The site is not going to be updated after 16th October. For more information on being creative on
the Google platform please head to <a href="http://code.google.com">http://code.google.com</a></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1857529-5");
pageTracker._trackPageview();
</script>
</body>
</html>